@charset "utf-8";
/* CSS Document */

body
{
	text-align:center;	
	width:99%;
	background-color:#EEEEEE;
	background-image:url(../Images/background.png);
	background-repeat:repeat;	
	
}

.main
{
	width:960px;
	margin: auto;
	display:block;

}

.header
{
	width:960px;
	margin: auto;
	height:100px;	
}

.site-title
{
	float:left;
	width:400px;
	text-align:left;
	margin-left:20px;
}
.main-title
{
	font-size:36px;
	color:#D40055;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

.sub-title
{
	font-size:large;
	color:#D4BF55;
	font-style:italic;
}

.banner
{
	margin-top:5px;
	height:220px;
	margin-bottom:20px;	
}
.banner img
{
	height:200px;
	width:960px;
}

.logo
{
	float:left;
	display:inline-block;
}
.logo img
{
	width:200px;
	height:100px;	
}

.social
{	
	float:right;
	height:50px;
}
.social ul
{
	margin-bottom:0px;
}
.social li
{
	display:inline;
	list-style-type:none;	
}

.user
{
	float:right;	
	height:50px;
}

.user li
{
	display:inline;
	list-style-type:none;
}

.user a
{
	text-decoration:none;
	color: #eee; 
	padding:2px;
    margin-top: 5px;
    background-color: #18a5cc;
    border: none;
	/* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
	-webkit-transition: -webkit-box-shadow 0.3s linear;
 
	/* -- CSS3 Shadow - create a shadow around each input element -- */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#18a5cc), to(#0a85a8)); 
	background:  -moz-linear-gradient(25% 75% 90deg,#0a85a8, #18a5cc); 
	 
	/* -- CSS3 - Rounded Corners -- */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px; 
	border-radius: 2px;
}

.user a:hover, a:active
{
	color:#FFF;

}

.social a
{	
}



.nav {
	background: #333;
	text-align:center;
	padding: 0;
	margin: 0 auto;
	height:38px;
}

.nav li {
	float: left;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	display:inline;
}
.nav a {
	background: #333 url("images/menu_seperator.gif") bottom right no-repeat;
	color: #ccc;	
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	display:inline-block;
	font-size:14px;
}
.nav a:hover {
	background: #2580a2 url("images/menu_hover.gif") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}

.search-box
{
	float:right;
	margin-right:10px;
}


.main-content
{
	width:960px;
	display:inline-block;
}
.content
{
	width:700px;
	height:600px;
	float:left;
        margin-left: 10px;
        
}

.float-right{
    float:right;
}
.right-panel
{
	width:220px;
	float:right;
	text-align:center;
}

.left-panel
{
	width:220px;
	float:left;
	text-align:center;
}

.avatar
{
	margin-top:10px;
        display:block;
}

.right-links
{
	list-style-type:none;
		margin-left:0px;
		padding-left:0px;
}
.right-links li
{
	margin-left:0px;
}

.right-links a
{
	margin-bottom:10px;
	margin-left:10px;
}



.footer
{
	height:100px;
	background-color:#F2F2F2;
	width:960px;
	margin-bottom:10px;
        margin: 0 auto;
}

.inforbox
{
	text-align:left;
	width:460px;
	height:100px;
	float:left;
	padding-left:20px;
	padding-top:10px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:small;
}
.inforbox p
{
	margin-bottom:20px;
}
.copyright
{
	color:#F03;
	font-weight:bold;
}
.mini-logos
{
	height:90px;
	float:right;
	margin-right:20px;
	margin-top:10px;
	width:400px;
	
}
.mini-logos img
{
	max-height:80px;
	max-width:120px;
}

.box
{
	-moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow: 0 0 3px 3px #959A8A;
	margin-bottom:10px;
	
	background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#EEE), to(#FFF)); 
	background: -moz-linear-gradient(0% 40% 90deg,#FFF, #EEE); 
}

.mini-box
{
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 0 3px 3px #959A8A;
	margin-bottom:10px;
}




input, textarea { 		
		padding: 4px; 
		margin: 4px 0 20px 0; 
		background: #fff; 
		width: 220px; 
		font-size: 14px; 
		color: #555; 
		border: 1px #ddd solid;
		
		
		/* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */		
		-webkit-transition: background 0.3s linear;							
	}
	
input:hover, textarea:hover { 
		background: #eee; 
	}
		

	
button
{
    color: #eee; 
	height:30px;
    text-transform: uppercase; 
    margin-top: 5px;
    background-color: #18a5cc;
    border: none;
	/* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
	-webkit-transition: -webkit-box-shadow 0.3s linear;
 
	/* -- CSS3 Shadow - create a shadow around each input element -- */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#18a5cc), to(#0a85a8)); 
	background:  -moz-linear-gradient(25% 75% 90deg,#0a85a8, #18a5cc); 
	 
	/* -- CSS3 - Rounded Corners -- */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; 
	border-radius: 4px;
}
button:hover { 		
    -webkit-box-shadow: 0px 0px 20px #555;
    -moz-box-shadow: 0px 0px 20px #aaa; 
    box-shadow: 0px 0px 20px #555;	
	text-decoration:underline;	
    cursor:  pointer; 
}


